﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="EditProfile.aspx.vb" Inherits="helzwebscripting.EditProfile" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h1 class="headings">My Twilighter Profile</h1>
    <p>

        <span class="smallHeadings">Your Name</span><br />
        <asp:TextBox ID="tb_profileName" runat="server" Width="320px" 
            Font-Names="Arial" Font-Size="12pt"></asp:TextBox>
        <asp:RegularExpressionValidator ID="expval_profileName" runat="server" 
            ControlToValidate="tb_profileName" CssClass="validators" 
            ErrorMessage=" Please keep text at a maxiumum of 255 characters" 
            ValidationExpression="^.{1,255}$"></asp:RegularExpressionValidator>
        <br />
        <br />
        <span class="smallHeadings">Gender</span>
        <asp:RequiredFieldValidator ID="reqval_profileGender" runat="server" 
            ControlToValidate="rbl_profileGender" CssClass="validators" 
            ErrorMessage="* please select a gender"></asp:RequiredFieldValidator>
        <asp:RadioButtonList ID="rbl_profileGender" runat="server" 
            RepeatDirection="Horizontal">
            <asp:ListItem>Female</asp:ListItem>
            <asp:ListItem>Male</asp:ListItem>
        </asp:RadioButtonList>
        <br />
        <span class="smallHeadings">Team</span><br />
        <asp:DropDownList ID="ddl_profileTeam" runat="server">
            <asp:ListItem>Edward</asp:ListItem>
            <asp:ListItem>Jacob</asp:ListItem>
            <asp:ListItem>Both...</asp:ListItem>
            <asp:ListItem>I prefer the humans</asp:ListItem>
        </asp:DropDownList>
         <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
            ControlToValidate="ddl_profileTeam" CssClass="validators" 
            ErrorMessage="* please choose one of the team options"></asp:RequiredFieldValidator>
        <br />
        <br />
        <span class="smallHeadings">My Picture</span>&nbsp;&nbsp;(Optional. This will be displayed on your profile page)<br />
        <asp:FileUpload ID="fu_profilePagePicture" runat="server" />
        <br />
        <br />
        <span class="smallHeadings">About me</span>&nbsp;&nbsp;(Optional)<br />
        <asp:TextBox ID="tb_profileAboutMe" runat="server" Height="131px" TextMode="MultiLine" 
            Width="500px" Font-Names="Arial" Font-Size="12pt"></asp:TextBox>
        <br />
        <br />
        <span class="smallHeadings">Avatar</span>&nbsp;&nbsp;(this will be displayed with your comments 
        around the site)<br /><br />
        Add your own avatar (will be scaled to 80x80px)
        <br />
        <asp:FileUpload ID="fu_profileAvatar" runat="server" />
        <br /><br />
        OR<br /><br />
        Choose an avatar from below (you can always add another later)<br />
        1)
        <asp:Image ID="avatar1" runat="server" ImageUrl="~/Pictures/Design/avatar1.jpg" AlternateText="apple avatar" />
        &nbsp;
        2)
        <asp:Image ID="avatar2" runat="server" ImageUrl="~/Pictures/Design/avatar2.jpg" AlternateText="edward avatar" />
        &nbsp; 3)&nbsp;
        <asp:Image ID="avatar3" runat="server" ImageUrl="~/Pictures/Design/avatar3.gif" AlternateText="jacob avatar" />
        &nbsp;4)
        <asp:Image ID="avatar4" runat="server" ImageUrl="~/Pictures/Design/avatar4.gif" AlternateText="twilight avatar" />
        &nbsp; 5)
        <asp:Image ID="avatar5" runat="server" ImageUrl="~/Pictures/Design/avatar5.jpg" AlternateText="forks avatar" />
        &nbsp; 6)
        <asp:Image ID="avatar6" runat="server" ImageUrl="~/Pictures/Design/avatar6.png" AlternateText="bella avatar" />
        <asp:RadioButtonList ID="rbl_profileAvatars" runat="server">
            <asp:ListItem Value="1"> Avatar 1</asp:ListItem>
            <asp:ListItem Value="2"> Avatar 2</asp:ListItem>
            <asp:ListItem Value="3"> Avatar 3</asp:ListItem>
            <asp:ListItem Value="4"> Avatar 4</asp:ListItem>
            <asp:ListItem Value="5"> Avatar 5</asp:ListItem>
            <asp:ListItem Value="6"> Avatar 6</asp:ListItem>
        </asp:RadioButtonList>
        <br />
        <asp:Button ID="btn_saveProfile" runat="server" CssClass="addBtn" Text="Save my profile" />
        <br />



        <br />
    </p>
</asp:Content>
